<template>
    <el-dialog
        title="编辑"
        v-model="dialogVisible"
        width="50%">
        <el-row>
            <el-col :span="12">
                <div class="grid-content bg-purple">
                    <td>工程名称：</td>
                    <td><el-input
                        placeholder="请输入内容"
                        value="aaaa"
                        v-model="projectName"
                        :disabled="true">
                    </el-input></td>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="grid-content bg-purple-light">
                    <td>工程编码：</td>
                    <td><el-input
                        placeholder="请输入内容"
                        v-model="projectCode"
                        :disabled="true">
                    </el-input></td>
                </div>
            </el-col>
        </el-row>

        <el-row>
            <el-col :span="12">
                <div class="grid-content bg-purple">
                    <td>上级工程：</td>
                    <td><el-input
                        placeholder="请输入内容"
                        v-model="pProject">
                    </el-input></td>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="grid-content bg-purple-light">
                    <td>工程类型：</td>
                    <td><el-select v-model="projectType" slot="prepend" placeholder="请选择">
                        <el-option label="公司" value="1"></el-option>
                        <el-option label="分子公司" value="2"></el-option>
                        <el-option label="项目部" value="3"></el-option>
                    </el-select></td>
                </div>
            </el-col>
        </el-row>

        <el-row>
            <el-col :span="24"><div class="grid-content bg-purple-dark">
                <td>项目位置：</td>
                <td><el-input
                    placeholder="请输入内容"
                    v-model="location">
                </el-input></td>
                <td><el-button type="primary" plain @click="dialogVisible = true">地图</el-button></td>
            </div></el-col>
        </el-row>

        <el-row>
            <el-col :span="24"><div class="grid-content bg-purple-dark">
                <td>工程概况：</td>
                <td><el-input
                    placeholder="请输入内容"
                    v-model="overview">
                </el-input></td></div>
            </el-col>
        </el-row>
        
        <br>
        <br>
        <span slot="footer" class="dialog-footer">
            <el-button @click="dialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
        </span>
        <!-- <EchartsMap></EchartsMap> -->
     </el-dialog>
</template>
<script>
// import EchartsMap from "./EchartsMap"
export default {
    data() {
      return {
        dialogVisible: false,
        projectName:'',
        projectCode:'',
        pProject:'',
        projectType:'',
        location:'',
        overview:'',

      };
    },
    components: {
        // EchartsMap,
    },
    methods: {
        edit(row){
            console.log(row)
            this.projectName = row.projectName;
            this.projectCode = row.projectCode;
            this.projectType = row.projectType;
            this.dialogVisible = true;
        },
    }
};
</script>